<seed-content #container>
  <seed-toolbar-header class="seed-underline">
    <seed-toolbar-title>小比分</seed-toolbar-title>
    <seed-toolbar-menu></seed-toolbar-menu>
  </seed-toolbar-header>
  <seed-infinite-scroll>
    <div class="score-detail-wrap">
      <div class="detail-list" *ngIf="personalScore">
        <div class="detail-item seed-underline" *ngFor="let item of personalScore; let i = index">
          <div class="score-title">
            <p class="title-text">
              <span>第{{i + 1}}</span>
              <span *ngIf="pageDate.matchType !== 3004 && pageDate.matchType !== 300401">局</span>
              <span *ngIf="pageDate.matchType === 3004 || pageDate.matchType === 300401">盘</span>
            </p>
          </div>
          <div class="score-info" [class.many-people]="pageDate.joinRequireType === 1" *ngIf="personalInfo">
            <div class="team-box">
              <div class="team-member">
                <seed-avatar class="team-picture" [lazyLoadAvatar]="personalInfo.hostUserURL1"></seed-avatar>
                <seed-avatar class="team-picture" [lazyLoadAvatar]="personalInfo.hostUserURL2"
                             *ngIf="pageDate.joinRequireType === 1"></seed-avatar>
                <p class="team-name text-overflow-ellipsis" *ngIf="!pageDate.isTempShowName">
                  {{personalInfo.hostUserName}}</p>
                <p class="team-name text-overflow-ellipsis" *ngIf="pageDate.isTempShowName">{{personalInfo.hostUserName
                  }}&{{pageDate.hostUserName2}}</p>
              </div>
            </div>
            <div class="score-panel">
              <p class="status-list">
                <span class="result">
                  <span>{{item.hostScore}}</span>
                  <span>:</span>
                  <span>{{item.guestScore}}</span>
                </span>
              </p>
            </div>
            <div class="team-box">
              <div class="team-member">
                <seed-avatar class="team-picture" [lazyLoadAvatar]="personalInfo.guestUserURL1"></seed-avatar>
                <seed-avatar class="team-picture" [lazyLoadAvatar]="personalInfo.guestUserURL2"
                             *ngIf="pageDate.joinRequireType === 1"></seed-avatar>
                <p class="team-name text-overflow-ellipsis" *ngIf="!pageDate.isTempShowName">
                  {{personalInfo.guestUserName}}</p>
                <p class="team-name text-overflow-ellipsis" *ngIf="pageDate.isTempShowName">{{personalInfo.guestUserName
                  }}&{{pageDate.guestUserName2}}</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="group-match" *ngIf="mssvoList">
        <div class="detail-list" *ngFor="let mssvo of mssvoList; let i = index">
          <div class="mssvo-title">
            <span>第{{i + 1}}场</span><span>({{mssvo.roundTypeDesc}})</span>
          </div>
          <div class="detail-item seed-underline" *ngFor="let item of mssvo.smallScoreScanVO; let i = index">
            <div class="score-title">
              <span>第{{i + 1}}</span>
              <span *ngIf="pageDate.matchType !== 3004 && pageDate.matchType !== 300401">局</span>
              <span *ngIf="pageDate.matchType === 3004 || pageDate.matchType === 300401">盘</span>
            </div>
            <div class="score-info" [class.many-people]="pageDate.joinRequireType === 1">
              <div class="team-box">
                <div class="team-member">
                  <seed-avatar class="team-picture" [lazyLoadAvatar]="mssvo.hostUserURL1"></seed-avatar>
                  <seed-avatar class="team-picture" [lazyLoadAvatar]="mssvo.hostUserURL2"
                               *ngIf="pageDate.joinRequireType === 1"></seed-avatar>
                  <p class="team-name text-overflow-ellipsis" *ngIf="pageDate.isTempShowName">{{mssvo.hostUserName}}</p>
                  <p class="team-name text-overflow-ellipsis" *ngIf="pageDate.isTempShowName">
                    {{mssvo.hostUserName}}&{{pageDate.hostUserName2}}</p>
                </div>
              </div>
              <div class="score-panel">
                <p class="status-list">
                <span class="result">
                  <span>{{item.hostScore}}</span>
                  <span>:</span>
                  <span>{{item.guestScore}}</span>
                </span>
                </p>
              </div>
              <div class="team-box">
                <div class="team-member">
                  <seed-avatar class="team-picture" [lazyLoadAvatar]="mssvo.guestUserURL"></seed-avatar>
                  <seed-avatar class="team-picture" [lazyLoadAvatar]="mssvo.guestUserURL2"
                               *ngIf="pageDate.joinRequireType === 1"></seed-avatar>
                  <p class="team-name text-overflow-ellipsis" *ngIf="!pageDate.isTempShowName">
                    {{mssvo.guestUserName}}</p>
                  <p class="team-name text-overflow-ellipsis" *ngIf="pageDate.isTempShowName">
                    {{mssvo.guestUserName}}&{{pageDate.guestUserName2}}</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </seed-infinite-scroll>
</seed-content>
